<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./Template.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.prime.com.tr/ui">

    <ui:define name="top">
        Hogar de Ancianos San Vicente de Paul.
    </ui:define>

    <ui:define name="left">
        left
    </ui:define>

    <ui:define name="content">
        <h:form>
            <p:growl id="mensajes" />
            <h:panelGrid columns="2">
                <h:outputLabel value="Primer nombre: " />
                <p:inputText value="#{index.primerNombre}"  />

                <h:outputLabel value="Segunda nombre: " />
                <p:inputText value="#{index.segundoNombre}" />

                <h:outputLabel value="Primer apellido: " />
                <p:inputText value="#{index.primerApellido}" />

                <h:outputLabel value="Segundo apellido: " />
                <p:inputText  value="#{index.segundoApellido}" />

                <f:facet name="footer">
                    <p:commandButton value="Guardar" action="#{index.guardar$action}" update="mensajes tablaAncianos" />
                </f:facet>
            </h:panelGrid>



            <p:dataTable id="tablaAncianos" var="anciano" value="#{index.listaAncianos}">


                <p:column>
                    <f:facet name="header">
                        Primer Nombre
                    </f:facet>
                    <h:outputText value="#{anciano.primerNombre}" />
                </p:column>

                <p:column>
                    <f:facet name="header">
                        Segundo Apellido
                    </f:facet>
                    <h:outputText value="#{anciano.segundoApellido}" />
                </p:column>



            </p:dataTable>

        </h:form>
    </ui:define>

    <ui:define name="bottom">

    </ui:define>

</ui:composition>
